<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html   xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <meta charset="UTF-8"/>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'/>
        <title><h:outputText value="#{msg['app.name']}" /></title>
        <h:outputStylesheet name="css/default.css"/>
        <link href="#{request.contextPath}/templates/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="#{request.contextPath}/templates/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <link href="#{request.contextPath}/templates/css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <link href="#{request.contextPath}/templates/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    </h:head> 

    <h:body onload="PF('estatusDialog').hide();" class="skin-blue fixed">            

        <p:ajaxStatus onstart="PF('estatusDialog').show();" onsuccess="PF('estatusDialog').hide();"/>
        <p:growl id="growl" showDetail="true" autoUpdate="true" life="6000" showSummary="true"/>

        <ui:include src="header.xhtml" />

        <div class="wrapper row-offcanvas row-offcanvas-left">
            <aside class="left-side sidebar-offcanvas">                
                <c:if test="#{userSession.rol == 1}">
                    <ui:include src="menus/menuAdmin.xhtml" />
                </c:if> 
            </aside>

            <aside class="right-side">
                <ui:insert name="content"/>
            </aside>
        </div>

        <p:dialog widgetVar="estatusDialog" modal="true" draggable="false" closable="false" resizable="false" showHeader="false">
            <p:graphicImage value="#{resource['images/ajax-loader.gif']}" />
        </p:dialog> 

        <h:outputScript library="js" name="calendar_es.js" />
        <h:outputScript library="js" name="bootstrap.min.js" />
        <h:outputScript library="js" name="app.js" />
        <h:outputScript library="js" name="funciones.js" />
    </h:body>
</html>		